<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="stylesheet" href="./static/css/bootstrap.css">
		<!-- 页面位置-->
		<link rel="stylesheet" href="static/css/bootstrap.min.css">
		<!-- 首页分页图标以及箭头 -->
		<link rel="stylesheet" href="static/css/boxicons.min.css">
		<!-- 小图标 -->
		<link rel="stylesheet" href="static/css/remixicon.css">
		<!-- 页面css 动画效果-->
		<link rel="stylesheet" href="static/css/owl.carousel.min.css">

		<!-- 页面头部 -->
		<link rel="stylesheet" href="static/css/style.css">
		<!-- 导航条 -->
		<link rel="stylesheet" href="static/css/dark-theme.css">
		<link rel="stylesheet" href="./static/css/add.css">


		<title>酒店列表</title>
		<link rel="icon" type="image/png" href="assets/img/favicon.png">
		<link rel="stylesheet" href="./static/css/detailstyle.css">

	</head>

	<body>
		<!-- 联系方式 -->
		<div class="preloader-style" id="loader-style">
			<div class="preloader-wrap">
				<div class="preloader-container">
					<div class="petal"></div>
					<div class="petal"></div>
					<div class="petal"></div>
					<div class="petal"></div>
					<div class="petal"></div>
					<div class="petal"></div>
					<div class="ball"></div>
				</div>
			</div>
		</div>
		<!-- END PRELOADER AREA -->

		<!-- Theme Switcher Start -->
		<div class="switch-theme-mode">
			<label id="switch" class="switch">
				<input type="checkbox" onchange="toggleTheme()" id="slider">
				<span class="slider round"></span>
			</label>
		</div>
		<!-- Theme Switcher End -->

		<!-- Page Wrapper Start -->
		<div class="page-wrapper">

			<!-- 导航条开始 -->
			<header class="header-wrap">
				<div class="header-top">
					<div class="container">
						<div class="row align-items-center">
							<div class="col-xl-7 col-lg-6 col-md-6">
								<div class="header-top-left">
									<ul class="contact-info list-style">
										<li>
											<i class="bx bx-phone-call"></i>
											<a href="tel:+12345678999">+12 345 678 999</a>
										</li>
										<li>
											<i class="bx bx-envelope"></i>
											<a href="mailto:hello@example.com">hello@example.com</a>
										</li>
										<li>
											<i class="bx bx-location-plus"></i>
											<p>123 Western Road Melbourne, UK.</p>
										</li>
									</ul>
								</div>
							</div>
							<div class="col-xl-5 col-lg-6 col-md-6">
								<div class="header-top-right">
									<ul class="social-profile list-style style1">
										<li>
											<a href="#">
												<i class="ri-facebook-fill"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="ri-twitter-fill"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="ri-instagram-line"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="ri-linkedin-fill"></i>
											</a>
										</li>
									</ul>
									<div class="select-lang">
										<i class="ri-earth-fill"></i>
										<div class="navbar-option-item navbar-language dropdown language-option">
											<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown"
												aria-haspopup="true" aria-expanded="false">
												<span class="lang-name"></span>
											</button>
											<div class="dropdown-menu language-dropdown-menu">
												<a class="dropdown-item" href="#">
													<img src="static/picture/us.jpg" alt="flag">
													Eng
												</a>
												<a class="dropdown-item" href="#">
													<img src="static/picture/germany.jpg" alt="flag">
													Ger
												</a>
												<a class="dropdown-item" href="#">
													<img src="static/picture/france.jpg" alt="flag">
													Fra
												</a>
												<a class="dropdown-item" href="#">
													<img src="static/picture/spain.jpg" alt="flag">
													Spa
												</a>
												<a class="dropdown-item" href="#">
													<img src="static/picture/russia.jpg" alt="flag">
													Rus
												</a>
												<a class="dropdown-item" href="#">
													<img src="static/picture/italy.jpg" alt="flag">
													Ita
												</a>
											</div>
										</div>
									</div>
									<div class="user-account">
										<i class="ri-account-box-line"></i>
										<!-- 跳转登录 -->
										<a href="login.html">登录</a>/
										<a href="signup.html">注册</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="header-bottom">
					<div class="container">
						<nav class="navbar navbar-expand-md navbar-light">
							<a class="navbar-brand" href="#">
								<img class="logo-light" src="./static/image/combined_logo.jpg" id="logo" alt="logo">
							</a>
							<div class="collapse navbar-collapse main-menu-wrap" id="navbarSupportedContent">
								<div class="menu-close d-lg-none">
									<a href="javascript:void(0)"> <i class="ri-close-line"></i></a>
								</div>
								<ul class="navbar-nav ms-auto">
									<li class="nav-item">
										<a href="index.html" class="nav-link">
											首页
											<i class="ri-add-line"></i>
										</a>
									</li>
									<li class="nav-item">
										<a href="list.html" class="nav-link active">
											酒店
										</a>
									</li>
									<li class="nav-item">
										<a href="#" class="nav-link">
											攻略
											<i class="ri-add-line"></i>
										</a>

									</li>
									<li class="nav-item">
										<a href="#section1" class="nav-link">
											城市推荐
											<i class="ri-add-line"></i>
										</a>
									</li>

									<li class="nav-item">
										<a href="savecenter.html" class="nav-link">
											加盟中心
											<i class="ri-add-line"></i>
										</a>
									</li>
									<li class="nav-item">
										<a href="Me.html" class="nav-link">
											个人中心
										</a>
									</li>
									<li class="nav-item d-lg-none">
										<a href="#section" class="nav-link btn style1">搜索</a>
									</li>
								</ul>
								<div class="other-options md-none">
									<div class="option-item">
										<button class="searchbtn d-xl-none"><i class="ri-search-line"></i></button>
										<div class="searchbox lg-none">
											<form action="#" method="post">
												<input type="search" placeholder="请输入...">
												<a href="#"><i class="bx bx-search"></i></a>
											</form>
										</div>
									</div>
									<div class="option-item">
										<a href="#section" class="btn style1">搜索</a>
									</div>
								</div>
							</div>
						</nav>
						<div class="search-area">
							<form action="#" method="post">
								<input type="search" placeholder="请输入">
								<a href="#"><i class="ri-search-line"></i></a>
							</form>
						</div>
						<div class="mobile-bar-wrap">
							<button class="searchbtn d-lg-none"><i class="ri-search-line"></i></button>
							<div class="mobile-menu d-lg-none">
								<a href="javascript:void(0)"><i class="ri-menu-line"></i></a>
							</div>
						</div>
					</div>
				</div>
			</header>
			<!-- 导航条结束 -->

			<div class="container auto-container">

				<div class="row clearfix">

					<div class="col-md-2 column">
						<div class="search-container">
							<input type="text" class="search-input city" placeholder="城市名称...">
							<img src="./static/image/search.svg" alt="搜索图标" class="search-icon"
								style="cursor: pointer;">
						</div>
					</div>

					<!-- 入住 -->
					<div class="col-md-2 column">
						<div class="search-container">
							<span>入住日</span>
							<input type="date" name="checkin" class="inputs empty check" id="checkinDate"
								placeholder="入住日" />
						</div>
					</div>

					<!-- 离店 -->
					<div class="col-md-2 column">
						<div class="search-container">
							<span>离店日</span>
							<input type="date" name="checkout" class="inputs empty leave" id="checkoutDate"
								placeholder="离店日" />
						</div>
					</div>


					<!-- 入住人数选择器 -->
					<div class="col-md-2 column">
						<div class="search-container">
							<input type="text" value="" class="search-input peopleInput people-num" id="peopleInput"
								placeholder="选择入住人数" readonly>
							<img src="./static/image/person.svg" alt="人数图标" class="search-icon">
						</div>
						<div class="people-selector" id="peopleSelector">
							<ul class="type">
								<li data-value="1" value="1">1 人</li>
								<li data-value="2" value="2">2 人</li>
								<li data-value="3" value="3">3 人</li>
								<li data-value="4" value="4">4 人</li>
								<li data-value="5" value="5">5 人</li>
							</ul>
						</div>
					</div>


					<div class="col-md-2 column">
						<button type="button" class="btn btn-inverse btn-block btn-default like"
							style="background-color: #ad58eb; color: white;">查看价格</button>
					</div>


					<!--  <div class="col-md-2 column">
            </div> -->
				</div>


				<div class="row clearfix">
					<div class="col-md-8 column">
						<div class="info-section">
							<!-- 区域 -->
							<div class="info-item">
								<span class="info-title">区域:</span>
								<span class="info-value">

									<div class="area-list">
										<span class="area-item">
											<a href="#">河口湖/西湖</a>
											<a href="#">富士宫</a>
											<a href="#">山中湖</a>
											<a href="#">富士吉田市</a>
											<a href="#">御殿场</a>
											<a href="#">富士市</a>
											<a href="#">本栖湖/精进湖</a>
											<a href="#">忍野</a>
											<a href="#">八海</a>
										</span>

									</div>
								</span>
							</div>

							<!-- 周边 -->
							<div class="info-item">
								<span class="info-title">周边:</span>
								<span class="info-value">箱根</span>
							</div>

							<!-- 攻略 -->
							<div class="info-item">
								<span class="info-title">攻略:</span>
								<p class="info-value">
									一边品尝着日本茶一边欣赏着微波荡漾的湖水及象征着日本的富士山，这是旅行也是生活。这里登山、观湖、赏山景，广受蜂蜂喜爱。河口湖区是其中最繁华的湖，以富士山倒影出名，住宿比较多。
								</p>
								</p>

							</div>

							<!-- 均价 -->
							<div class="info-item">
								<span class="info-title">均价:</span>
								<span class="info-value">￥904 - ￥1873</span>
							</div>
						</div>
					</div>
					<!-- 地图 -->
					<div class="col-md-4 column" id="allmap">
						<div id="map"></div>
						<div id="coordinates">在此显示标记位置的坐标信息</div>
					</div>
				</div>
				<div class="row clearfix ">
					<div class="col-md-12 column">
						<div class="col-auto room-type">
							<!-- 按钮组 -->
							<button class="btn btn-custom" id="btn1" onclick="selectButton(this)">全部</button>
							<button class="btn btn-custom" id="btn2" onclick="selectButton(this)">单人间</button>
							<button class="btn btn-custom" id="btn3" onclick="selectButton(this)">双人间</button>
							<button class="btn btn-custom" id="btn4" onclick="selectButton(this)">三人间</button>
							<button class="btn btn-custom" id="btn5" onclick="selectButton(this)">总统套房</button>
							<button class="btn btn-custom" id="btn6" onclick="selectButton(this)">雅间</button>
						</div>
					</div>
				</div>
				<div class="row clearfix hotel-sortbar">
					<!-- 第一个部分 -->
					<div class="col-md-2 column" style="display: flex; align-items: center; justify-content: center;">
						<span style="color: orange;" id="hotel-sum">239</span>
						家酒店
					</div>

					<!-- 第二个部分 -->
					<div class="col-md-2 column">
						<div class="radio-group">
							<label>
								<input type="radio" name="hotel" value="haveRoom" id="haveRoom"> 有房
							</label>
							<label>
								<input type="radio" name="hotel" value="allHotels" id="allHotels"> 全部酒店
							</label>
						</div>
					</div>

					<!-- 第三个部分 -->
					<div class="col-md-2 column" style="display: flex; align-items: center; justify-content: center;">
						<div class="search-container">
							<img src="./static/image/search.svg" alt="搜索图标" class="search-icon">
							<input type="text" class="search-input" placeholder="搜索关键字...">
						</div>
					</div>
					<!-- <div class="col-md-2 column">
                <span style="color: orange;">239</span>
                家酒店
            </div>
            <div class="col-md-2 column">
                <div class="radio-group">
                    <label>
                        <input type="radio" name="hotel" value="haveRoom" id="haveRoom"> 有房
                    </label>
                    <label>
                        <input type="radio" name="hotel" value="allHotels" id="allHotels"> 全部酒店
                    </label>
                </div>

            </div>
            <div class="col-md-2 column">
                <div class="search-container">
                    <img src="img/search.svg" alt="搜索图标" class="search-icon">
                    <input type="text" class="search-input" placeholder="搜索关键字...">

                </div>
            </div> -->
					<div class="col-md-2 column">
					</div>
					<div class="col-md-2 column">
					</div>
					<div class="col-md-2 column">
					</div>
				</div>
				<div class="row clearfix">
					<div class="col-md-4 column">
					</div>
					<div class="col-md-4 column">
					</div>
					<div class="col-md-4 column">
					</div>
				</div>
				<ul id="find-all">
					<li>
						<div class="row clearfix detail-list">
							<div class="col-md-4 column">
								<div class="hotel-img">
									<a href="#">
										<img alt="140x140" src="./static/image/hotel/hotel1.jpeg" class="img-rounded" />
									</a>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_title">
									<a href="#">
										<h4>
											河口湖酒店
										</h4>
									</a>
								</div>
								<div class="hotel-info">
									<ul class="nums">
										<li class="rating">
											<em>9.0</em>
											分
											<br>
											<strong>很棒</strong>
										</li>
										<li>
											<a href="#">
												<em>390条</em>
												<br>
												住客评价
											</a>
										</li>
										<li class="split"></li>

										<li>
											<a href="#">
												<em>5</em>
												种
												<br>
												房间类型
											</a>
										</li>
									</ul>
									<p class="summary"></p>
								</div>
								<div class="location">
									<span>
										<i class="iocon-location"></i>
										位于:
										<a href="detail.html">河口湖/西湖</a>
									</span>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_datail">
									<p>
										<a href="detail.html"><span>3390</span>元起 »</a>
										<br>
										<a href="detail.html">酒店详情 »</a>
									</p>
								</div>

							</div>
						</div>
					</li>
					<li>
						<div class="row clearfix detail-list">
							<div class="col-md-4 column">
								<div class="hotel-img">
									<a href="#">
										<img alt="140x140" src="./static/image/hotel/hotel1.jpeg" class="img-rounded" />
									</a>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_title">
									<a href="#">
										<h4>
											河口湖酒店
										</h4>
									</a>
								</div>
								<div class="hotel-info">
									<ul class="nums">
										<li class="rating">
											<em>9.0</em>
											分
											<br>
											<strong>很棒</strong>
										</li>
										<li>
											<a href="#">
												<em>390条</em>
												<br>
												住客评价
											</a>
										</li>
										<li class="split"></li>

										<li>
											<a href="#">
												<em>5</em>
												种
												<br>
												房间类型
											</a>
										</li>
									</ul>
									<p class="summary"></p>
								</div>
								<div class="location">
									<span>
										<i class="iocon-location"></i>
										位于:
										<a href="#">河口湖/西湖</a>
									</span>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_datail">
									<p>
										<a href="#"><span>3390</span>元起 »</a>
										<br>
										<a href="#">酒店详情 »</a>
									</p>
								</div>

							</div>
						</div>
					</li>
					<li>
						<div class="row clearfix detail-list">
							<div class="col-md-4 column">
								<div class="hotel-img">
									<a href="#">
										<img alt="140x140" src="./static/image/hotel/hotel1.jpeg" class="img-rounded" />
									</a>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_title">
									<a href="#">
										<h4>
											河口湖酒店
										</h4>
									</a>
								</div>
								<div class="hotel-info">
									<ul class="nums">
										<li class="rating">
											<em>9.0</em>
											分
											<br>
											<strong>很棒</strong>
										</li>
										<li>
											<a href="#">
												<em>390条</em>
												<br>
												住客评价
											</a>
										</li>
										<li class="split"></li>

										<li>
											<a href="#">
												<em>5</em>
												种
												<br>
												房间类型
											</a>
										</li>
									</ul>
									<p class="summary"></p>
								</div>
								<div class="location">
									<span>
										<i class="iocon-location"></i>
										位于:
										<a href="#">河口湖/西湖</a>
									</span>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_datail">
									<p>
										<a href="#"><span>3390</span>元起 »</a>
										<br>
										<a href="#">酒店详情 »</a>
									</p>
								</div>

							</div>
						</div>
					</li>
					<li>
						<div class="row clearfix detail-list">
							<div class="col-md-4 column">
								<div class="hotel-img">
									<a href="#">
										<img alt="140x140" src="./static/image/hotel/hotel1.jpeg" class="img-rounded" />
									</a>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_title">
									<a href="#">
										<h4>
											河口湖酒店
										</h4>
									</a>
								</div>
								<div class="hotel-info">
									<ul class="nums">
										<li class="rating">
											<em>9.0</em>
											分
											<br>
											<strong>很棒</strong>
										</li>
										<li>
											<a href="#">
												<em>390条</em>
												<br>
												住客评价
											</a>
										</li>
										<li class="split"></li>

										<li>
											<a href="#">
												<em>5</em>
												种
												<br>
												房间类型
											</a>
										</li>
									</ul>
									<p class="summary"></p>
								</div>
								<div class="location">
									<span>
										<i class="iocon-location"></i>
										位于:
										<a href="#">河口湖/西湖</a>
									</span>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_datail">
									<p>
										<a href="#"><span>3390</span>元起 »</a>
										<br>
										<a href="#">酒店详情 »</a>
									</p>
								</div>

							</div>
						</div>
					</li>
					<li>
						<div class="row clearfix detail-list">
							<div class="col-md-4 column">
								<div class="hotel-img">
									<a href="#">
										<img alt="140x140" src="./static/image/hotel/hotel1.jpeg" class="img-rounded" />
									</a>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_title">
									<a href="#">
										<h4>
											河口湖酒店
										</h4>
									</a>
								</div>
								<div class="hotel-info">
									<ul class="nums">
										<li class="rating">
											<em>9.0</em>
											分
											<br>
											<strong>很棒</strong>
										</li>
										<li>
											<a href="#">
												<em>390条</em>
												<br>
												住客评价
											</a>
										</li>
										<li class="split"></li>

										<li>
											<a href="#">
												<em>5</em>
												种
												<br>
												房间类型
											</a>
										</li>
									</ul>
									<p class="summary"></p>
								</div>
								<div class="location">
									<span>
										<i class="iocon-location"></i>
										位于:
										<a href="#">河口湖/西湖</a>
									</span>
								</div>
							</div>
							<div class="col-md-4 column">
								<div class="hotel_datail">
									<p>
										<a href="#"><span>3390</span>元起 »</a>
										<br>
										<a href="#">酒店详情 »</a>
									</p>
								</div>

							</div>
						</div>
					</li>
				</ul>

			</div>
			<!-- 页面尾部开始 -->
			<footer class="footer-wrap">
				<div class="footer-top">
					<div class="container">
						<div class="row ptb-60">
							<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 pe-xl-5">
								<div class="footer-widget">
									<a href="#" class="footer-logo">
										<img src="static/picture/logo-dark.png" alt="Image">
									</a>
									<p class="comp-desc">
										让旅行净化心灵
									</p>
									<div class="newsletter-form contact-form">
										<form class="subscribe__form" action="mail.php" method="post">

											<!-- <div class="col-12">
	                                        <input type="email" placeholder="Email Address" required="">
	                                    </div>
	
	                                    <div class="col-12">
	                                        <button type="submit">Subscribe Now</button>
	                                    </div> -->

											<!-- Start Form Message -->
											<div class="col-12">
												<div class="msg_submit text-center alert alert-success successform subscribe__msg"
													role="alert">
													Your subscribe was sent successfully.
												</div>
											</div>
											<!-- End Form Message -->

										</form>
									</div>
								</div>
							</div>
							<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 ps-xl-5 ps-lg-4 ps-md-5">
								<div class="footer-widget">
									<h3 class="footer-widget-title">关于我们</h3>
									<ul class="footer-menu list-style">
										<li>
											<a>
												网页简介
											</a>
										</li>
										<li>
											<a>
												可信网站
											</a>
										</li>
										<li>
											<a>
												网站地图
											</a>
										</li>
										<li>
											<a>
												业务资质
											</a>
										</li>
										<li>
											<a>
												意见反馈
											</a>
										</li>
										<li>
											<a>
												用户协议
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="col-xl-2 col-lg-2 col-md-6 col-sm-6">
								<div class="footer-widget">
									<h3 class="footer-widget-title">加盟合作</h3>
									<ul class="footer-menu list-style">
										<li>
											<a href="#">
												合作加盟
											</a>
										</li>
										<li>
											<a href="#">
												商旅合作
											</a>
										</li>
										<li>
											<a href="#">
												旅游保险
											</a>
										</li>
										<li>
											<a href="#">
												网站联盟
											</a>
										</li>
										<li>
											<a href="#">
												门票合作
											</a>
										</li>
										<li>
											<a href="#">
												机票合作
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 ps-md-5">
								<div class="footer-widget">
									<h3 class="footer-widget-title">联系我们</h3>
									<ul class="contact-info list-style">
										<li>
											<i class="bx bx-location-plus"></i>
											<h6>地址</h6>
											<p>天河数字产业园四号楼</p>
										</li>
										<li>
											<i class="bx bx-envelope"></i>
											<h6>邮件</h6>
											<a href="#">hello@example.com</a>
										</li>
										<li>
											<i class="bx bx-phone-call"></i>
											<h6>热线</h6>
											<a href="tel:+12345678999">+12 345 678 999</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-bottom">
					<div class="container">
						<div class="row align-items-center">
							<div class="col-lg-8 col-md-6 col-sm-7">
								<p class="copyright-text">Copyright &copy; 2024.Company name All rights reserved.</p>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-5">
								<ul class="social-profile style1 list-style">
									<li>
										<a href="#">
											<i class="ri-facebook-fill"></i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="ri-twitter-fill"></i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="ri-instagram-line"></i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="ri-linkedin-fill"></i>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>


		<!-- Back-to-top Button Start -->
		<a href="javascript:void(0)" class="back-to-top bounce"><i class="ri-arrow-up-s-line"></i></a>
		<!-- 地图 -->
		<!-- 	<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
		<script src="static/js/bootstrap.js"></script>
		<script src="static/js/jquery-1.8.2.min.js"></script>
		<script src="static/js/bootstrap.bundle.min.js"></script>
		<script src="static/js/bootstrap-datepicker.min.js"></script>
		<script src="static/js/list.js"></script> -->


		<!-- 导航条 -->
		<!-- <script src="static/js/jquery.min.js"></script> -->
		<!-- <script src="static/js/bootstrap.bundle.min.js"></script>
		<script src="static/js/aos.js"></script>
		<script src="static/js/owl.carousel.min.js"></script>
		<script src="static/js/owl-thumb.min.js"></script>
		<script src="static/js/odometer.js"></script>
		<script src="static/js/fancybox.js"></script>
		<script src="static/js/magnific-popup.min.js"></script>
		<script src="static/js/slick.min.js"></script>
		<script src="static/js/jquery.appear.js"></script>
		<script src="static/js/main.js"></script>
		<script src="static/js/yhs/hotel.js"></script> -->




		<!-- 地图 -->
		<!-- Leaflet 不依赖于 jQuery，可以首先加载 -->
		<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>

		<!-- jQuery 必须在任何依赖于它的脚本之前加载 -->
		<!-- <script src="static/js/jquery-1.8.2.min.js"></script> -->
		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

		<!-- Bootstrap 的 JavaScript（如果它不包含 Popper.js，则可能需要单独的 Popper.js 文件） -->
		<!-- 注意：通常我们只需要加载 bootstrap.bundle.min.js，因为它已经包含了 Popper.js -->
		<!-- 但由于你已经单独加载了 leaflet 和可能的其他不依赖于 Popper.js 的 Bootstrap 组件，这里我们假设你只需要基本的 Bootstrap JS -->
		<!-- 如果 bootstrap.js 是不包含 Popper.js 的版本，请确保你有其他方式处理 Popper.js 的依赖 -->
		<script src="static/js/bootstrap.js"></script>
		<!-- 注意：通常不应该同时加载 bootstrap.js 和 bootstrap.bundle.min.js，选择其中一个即可 -->
		<!-- <script src="static/js/bootstrap.bundle.min.js"></script> --> <!-- 这行应该被注释掉或删除 -->

		<!-- 其他依赖于 jQuery 的脚本 -->
		<script src="static/js/bootstrap-datepicker.min.js"></script>
		<script src="static/js/list.js"></script>

		<!-- 导航条和其他页面功能所需的脚本 -->
		<script src="static/js/aos.js"></script>
		<script src="static/js/owl.carousel.min.js"></script>
		<script src="static/js/owl-thumb.min.js"></script>
		<script src="static/js/odometer.js"></script>
		<script src="static/js/fancybox.js"></script>
		<script src="static/js/magnific-popup.min.js"></script>
		<script src="static/js/slick.min.js"></script>
		<script src="static/js/jquery.appear.js"></script>
		<script src="static/js/main.js"></script>
		<script src="static/js/yhs/hotel.js"></script>
	</body>

</html>